<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link href="css/igym.css" rel="stylesheet" type="text/css" />
</head>
<link type="text/css" href="css/custom-theme/jquery-ui-1.8.11.custom.css" rel="stylesheet" />

<script src="http://www.google.com/jsapi?key=ABQIAAAAomYBXUdcTVI_3kynM7-SbhT2yXp_ZAY8_ufC3CFXhHIE1NvwkxRUKJlMCeE5bWcC46xyA6q7533R3A" type="text/javascript"></script>
<script type="text/javascript"charset="utf-8">google.load("maps","2.x"); google.load("jquery","1.3.1");</script>

<script type="text/javascript" src="js/jquery-1.5.1.min.js">
</script>
<script language="javascript" type="text/javascript" src="js/jquery-ui-1.8.11.custom.min.js"></script>
<script type="text/javascript" language="javascript">

$(document).ready(function(){
	//codigo para google map
	var map = new GMap2(document.getElementById('map')); 

    var fmat = new GLatLng(21.047967,-89.644339); 

    map.setCenter(fmat, 16); 
  //codigo para el gopogle map

//codigo para el menu				
$('ul li:has(ul)').hover(
		function(e)
		{
			$(this).find('ul').slideDown();
		},
		function(e)
		{
			$(this).find('ul').slideUp();
		}
	);
//codigo para el menu

		// codigo para los botones	
	$( "button, input:submit", "#login" ).button();
	
				
			}
			)

</script>




<body >

<!-- inicio del header --> 
<div id="header">

   <div id="login">
   <form id="loginform" name="loginform" method="post">
  <table align="right">
  	<tr>
    	<td>Usuario:</td>
        <td align="left"><label>Nombre del usuario</label></td>
    </tr>
    <tr>
    	<td></td>
    	<td align="right"><input type="submit" name="logout" value="logout" /></td>
    </tr>
  </table>
  </form>
  </div>
  
  <div id="headerban">
  <img src="images/Logo_big.png" width="114" height="119" />
  
  
  </div>
<!-- final del header --> 

 <!-- inicio del menu --> 
</div>

      <div id="menu">      
      <ul> 
      
         <li><a href="#">Categorias</a> 
            <ul> 
               <li><a href="#">Accesorios</a></li>
               <li><a href="#">Barras y mancuernas </a></li>
               <li><a href="#">Maquinas de entrenamiento </a></li>
               <li><a href="#">Suplementos alimenticios</a></li>  
            </ul> 
         </li> 
         
         <li><a href="#">Eventos</a> 
            <ul> 
               <li><a href="#">Locales</a></li> 
               <li><a href="#">internacionales</a></li> 
            </ul> 
         </li> 
         
         <li><a href="#">Contacto</a> 
            <ul> 
               <li><a href="#">Sugerencias</a></li> 
               <li><a href="#">Departamento de ventas</a></li> 
               <li><a href="#">Atencion al cliente</a></li>
            </ul> 
         </li> 
         
         <li><a href="#">Historia</a></li>
          
         <li><a href="#">Cuenta</a> 
            <ul> 
               <li><a href="#">Modificar</a></li> 
               <li><a href="#">Eliminar</a></li> 
           </ul> 
         </li>
        </ul> 
                  
      </div>
<!-- fin del menu --> 
  

<div id="map"></div>

</body>
</html>
